<template>
  <div id="GB_swiper">
    <mt-swipe :auto="3000">
      <mt-swipe-item v-for="(item, index) in swiper_list" :key="index">
        <img :src="item.img" alt srcset>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>

<script>
export default {
  name: 'GB_swiper',
  props: ['swiper_list'],
  data () {
    return {
    }
  }
}
</script>

<style scoped lang="less">
#GB_swiper {
  width: 90%;
  height: 200px;
  margin: 20px 5%;
  border-radius: 15px;
  img {
    width: 100%;
  }
}
</style>
